<template>
	<!--first-->
	<section class="job-first">
		<div class="container">
			<span class="h1 job-first-span-2">创造学习</span>
			<span class="h1 job-first-span-1">学习创造</span>
		</div>
	</section>
	<!--first end-->
	<section class="job-second text-center">
		<div class="container row">
			<div class="col-md-8 col-md-offset-3">
				<div class="">
					<img src="../assets/img/bullet.svg" alt="" />
				</div>
				<br />
				<p class="h1">颠覆教育行业的年轻人</p>
				<br />
				<p class="h4">希悦是一家互联网教育公司，为中小学提供创新的校园信息化解决方案。</p>
				<br />
				<p class="h4">我们的每位成员都对教育有着自己的理解与追求，大家为了共同的目标而走到了一起。其中不乏来自北京大学、清华大学、硅谷的行业精英。</p>
				<br />
				<p class="h4">凭借对产品品质的不懈追求和对市场的独特理解，自 2013 年初创立至今，希悦已与诸多国内知名中学建立了深度合作关系。</p>
				<br />
				<button class="btn btn-info btn-lg" type="button">查看Blog</button>
			</div>
		</div>
	</section>
	<section class="job-three text-center">
		<div class="container row">
			<div class="col-md-8 col-md-offset-3">
				<div class="">
					<img src="../assets/img/bullet.svg" alt="" />
				</div>
				<br />
				<p class="h1">加入我们，用技术改变教育行业</p>
				<br />
				<p class="h4">我们的主打产品是一款面向学校的 SaaS 系统，用这款简洁优雅的新系统，来取代过时已久、饱受师生诟病的教务平台。在深入学校，分析各类学习数据的基础之上，我们还将探索新的学习范式，创造更加个性化的学习工具。</p>
				<br />
				<p class="h4">我们是一群实践着教育理想的年轻人，正在教育改革的历史中留下自己的足迹。如果你也心怀理想，希望与我们一同经历、一同创造这段历史，欢迎加入希悦，一起探索教育的未来。</p>
				<br />
				<button class="btn btn-info btn-lg" type="button">查看Blog</button>
			</div>
	</section>
	<section class="job-"></section>
</template>

<style type="text/css">
	.job-first {
		background: url("../assets/img/bg1-2.jpg") 100%;
		height: 540px;
		position: relative;
	}
	
	.job-first span {
		color: white;
		position: absolute;
		padding: 20px 40px;
		font-size: 48px;
	}
	
	.job-first-span-1 {
		background-color: #0099FF;
		bottom: 180px;
		margin-left: 100px;
	}
	
	.job-first-span-2 {
		background-color: #00CED1;
		bottom: 100px;
		margin-left: 150px;
	}
	/**/
	
	.job-second,
	.job-three {
		padding: 100px 0;
	}
	
	.job-second p,
	.job-three p {
		line-height: 30px;
	}
	
</style>